import React,{useState} from 'react'
import { NavBar } from 'antd-mobile'
import {useNavigate} from 'react-router-dom'
import { Tabs } from 'react-vant'
import { Skeleton } from 'antd-mobile'
import styles from './css/two.module.scss'
export default function Two() {
  const data = [
    {img:'/1.png',img1:'',name:'小李快步跑',time:'刚才 评论了你',title:'老铁真厉害下雨天也坚持跑步',content:'[我的评论]我坚持15公里已经90天了，从开学到现在没有停下来过，风雨无阻。'},
    {img:'/2.png',img1:'/1.png',name:'甜蜜的范儿',time:'5分钟前 点赞了你',title:'',content:'[我的评论]我喜欢这张照片，拍的特别有意境。'},
    {img:"/3.png",img1:'/2.png',title:'Harry5566',time:"6小时前 点赞了你",title:'',content:'3月24日晚上8点，相约保定理工大操场一起夜跑，2人一共跑10公里'},
    {img:'/4.png',img1:'/3.png',title:'花琉璃5566',time:'7小时前 点赞了你',title:'',content:'3月24日晚上8点，相约保定理工大操场一起夜跑，2人一共跑10公里'},
    {img:'/5.png',img1:'/5.png',title:'明日明光',time:'10小时前 点赞了你',title:'',content:'3月24日晚上8点，相约保定理工大操场一起夜跑，2人一共跑10公里'},
    {img:'/6.png',img1:'/4.png',title:'平安喜乐',time:"9-4 点赞了你",title:'',content:'3月24日晚上8点，相约保定理工大操场一起夜跑，2人一共跑10公里'},
  ]

  const back = () =>{
    navigate('/app/message')
  }




  return (
    <div>
      {/* <NavBar onBack={back}>互动消息</NavBar>
      <Tabs>
          <Tabs.TabPane title='全部'>
            
          </Tabs.TabPane>
          <Tabs.TabPane title='收到评论'>
            下划线标签页2
          </Tabs.TabPane>
          <Tabs.TabPane title='收到赞 '>
            下划线标签页3
          </Tabs.TabPane>
      </Tabs> */}
      <Skeleton.Title animated />
      <Skeleton.Paragraph lineCount={5} animated />
      <Skeleton.Title animated />
      <Skeleton.Paragraph lineCount={18} animated />
    </div>
  )
}
